﻿
/*
#breadcrum {
height:40px!important;
line-height:40px!important
}
*/
.product-detail
{
    background: white;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    margin-top: 0px;
    border-right: 1px solid #cccccc;
}
.product-detail h2
{
	background: #000;
	line-height: 40px;
	color: White;
	font-size: 16px;
	padding-left: 25px;
	font-weight: normal;
	margin-bottom: 20px;
}
.product-detail .detail_left {
display:block;
position:relative;
float:left;
width:292px;
height:100%
}

.product-detail .detail_left .main_img {
    border: 1px solid #DDDADA;
    display: block;
    height: 290px;
    position: relative;
    width: 290px;
}

.product-detail .detail_left .main_img img {
width:290px;
height:290px
}

.product-detail .detail_left .main_img .zoomwrap {
background:url( "/templates/scj_en/images/bg_zoom.png ");
bottom:0;
display:block;
height:22px;
left:0;
position:absolute;
width:290px
}

.product-detail .detail_left .main_img .zoomwrap .iconzoom {
background:url(icon.png) no-repeat scroll 0 -239px transparent;
border-left:1px solid #dddada;
border-top:1px solid #dddada;
float:right;
height:22px;
text-indent:99999px;
width:25px
}

.product-detail .detail_left .main_img .zoomwrap .zoom {
color:#acacac;
float:right;
font-style:italic;
height:22px;
line-height:24px;
padding:0 10px;
font-size:11px
}

.product-detail .detail_left .images {
background-color:#dddada;
display:none;
position:relative;
width:290px;
height:65px;
border:1px solid #dddada
}
/*--------detail-left------------*/
.detail-right
{
    float: right;
    width: 425px;
    /*width: 427px;*/
    overflow: hidden;
}
.code
{
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
    padding-bottom: 10px;
    width: 433px;
}
.code h3
{
    padding-left: 10px;
    padding-top: 10px;
}
.name-product-detail
{
    font-size: 20px;
    color: Black;
    font-weight: normal;
}
.number
{
    font-size: 13px;
    color: #504f4f;
}
.bottom-detail-right
{
    background: #f4f4f4;
    border-bottom: 1px dotted  #c8c8c8;
    padding-bottom: 15px;
}
.bottom-detail-right p
{
    padding-top: 10px;
    padding-left: 10px;
}
.price-older
{
    color: #504f4f;
    font-size: 13px;
}
.price-older span
{
    text-decoration: line-through;
}
.price-now
{
    font-size: 21px;
    font-weight: bold;
    color: #e10000;
}                                
.price-sale-off
{
    width: 110px;
    overflow: hidden;
    font-size: 14px;
}
.info-s
{
    color: White;
    background: url("../images/bg_sale.png") left top no-repeat;
    display: block;
    width: 45px;
    height: 22px;
    float: right;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}
.accumulate
{
    padding-left: 10px;
    width: 175px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.buy-box
{
    width: 225px;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 20px;
}
.buy-now
{
    float: left;
    text-align: center;
    font-size: 13px;
    border-left: 1px solid #6f6f6f;
    border-bottom: 1px solid #8a8a8a;
    border-top: 1px solid #8a8a8a;
    border-radius: 2px;
    line-height: 23px;
    width: 96px;
    text-decoration: none;
    color: White;
    background: #989898;
}
.buy-now:hover
{
    background: #ff6200;
}
.add-cart
{
     float: right;
    text-align: center;
    font-size: 13px;
    border-left: 1px solid #6f6f6f;
    border-bottom: 1px solid #8a8a8a;
    border-top: 1px solid #8a8a8a;
    border-radius: 2px;
    line-height: 23px;
    width: 120px;
    text-decoration: none;
    color: White;
    background: #989898;
}
.add-cart:hover
{
    background: #ff6200;
}
.contact-info
{
    border-bottom: 1px solid #8a8a8a;
    background: #f4f4f4;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.contact-info p
{
    font-size: 14px;
    line-height: 23px;
}
.present
{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.present a
{
    background: url("../images/present.png") left center no-repeat;
     color: #64B105;
    display: block;
    font-size: 13px;
    height: 34px;
    padding-left: 50px;
    line-height: 34px;
}
.present a:hover
{
    text-decoration: none;
    color: Black;
}
.bottom-product-detail
{
    width: 725px;
    margin: 0 auto;
    margin-top: 20px;
}
.title-product-detail
{
    background: url("../images/bg_title_detail.png") left top repeat-x;
    position: relative;
    z-index: 0;
    height: 38px;
}
.title-product-detail h2
{
    background: #ccc;
    position: absolute;
    z-index: 10;
    top: 10px;
    font-size: 14px;
    color: #989898;
    width: 125px;
    text-align: center;
    margin-left: 15px;
    line-height: 29px;
    font-weight: bold;
}
.description-product
{
    background: white;
    border: 1px solid #c8c8c8;
    padding-left: 15px;
    padding-right: 20px;
}
.description-product p
{
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 22px;
    font-size: 12px;
}
.description-product .img-detail-product
{
    text-align: center;
    width: 695px;
}
.title-voucher
{
    background: url("../images/bg_title_detail.png") left top repeat-x;
    height: 38px;
    overflow: hidden;
}
.title-voucher li {
   list-style: none;
   display: inline;
   float: left;
   line-height: 14px;
   margin-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
 }
.title-voucher li a {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 33px;
    text-align: center;
    text-decoration: none;
}
.title-voucher li a.active {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    background: red;
    height: 33px;
 }
#detail1
{
    background: white;
    border: 1px solid #c8c8c8;
    padding-left: 15px;
    padding-right: 20px;
}
#detail1 p
{
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 22px;
    font-size: 12px;
}
#detail1 .img-detail-product
{
    text-align: center;
    width: 695px;
}